import React from 'react';
import { Form, Row, Col, Input, Select } from 'antd';
import pageStyles from '@/common/pageLayout.less';
import { ExpertsDictionaryService } from '../services/DictionaryService';

const UpdateExpertsFormPhoneInfo: React.FC = () => {
  /**
   * 获取字典
   * */
  const { industryTypeList } = ExpertsDictionaryService();

  return (
    <Row className={pageStyles['fromView-labelLengthMax']}>
      <Col span={24}>
        <Form.Item
          label="从事专业"
          name="industryType"
          rules={[
            {
              required: true,
              message: '请选择从事专业',
            },
          ]}
        >
          <Select
            placeholder="请选择(可多选)"
            options={industryTypeList}
            fieldNames={{
              label: 'name',
              value: 'value',
            }}
            mode="multiple"
            maxTagCount={2}
            showSearch
            filterOption={(input, option: any) => (option?.name ?? '').toLowerCase().includes(input.toLowerCase())}
          />
        </Form.Item>
      </Col>

      <Col span={24}>
        <Form.Item
          label="研究方向"
          name="graduateMajor"
          rules={[
            {
              required: true,
              message: '请输入研究方向',
            },
          ]}
        >
          <Input.TextArea
            placeholder="请输入"
            showCount
            maxLength={400}
            autoSize={{
              minRows: 2,
              maxRows: 4,
            }}
          />
        </Form.Item>
      </Col>

      <Col span={24}>
        <Form.Item label="实验室项目评审经历" name="projectReview">
          <Input.TextArea
            placeholder="请输入"
            showCount
            maxLength={400}
            autoSize={{
              minRows: 2,
              maxRows: 4,
            }}
          />
        </Form.Item>
      </Col>
    </Row>
  );
};

export default UpdateExpertsFormPhoneInfo;

{
  /* <Col span={12}>
<Form.Item label="联系电话" name="phoneMobile" rules={[{ required: true, message: '请输入联系电话' }]}>
  <Input placeholder="请输入" />
</Form.Item>
</Col>
<Col span={12}>
<Form.Item label="办公电话" name="phoneOffice">
  <Input placeholder="请输入" />
</Form.Item>
</Col>
<Col span={12}>
<Form.Item label="备用手机" name="phoneSpare">
  <Input placeholder="请输入" />
</Form.Item>
</Col> */
}
